<%@page import="Entidades.*" %>
<%@page import="AccesoDatos.*" %>
<%@page import="java.util.Vector" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <style>
            <%@include file="/WEB-INF/css/Letra.css"%>
            <%@include file="/WEB-INF/css/Hipervinculos.css"%>
            <%@include file="/WEB-INF/css/Estilos.css"%>
            <%@include file="/WEB-INF/css/Imagenes.css"%>
        </style>
        <script languaje="javascript" type="text/javascript">
            function ValidarCantidad(formulario){
                if(formulario.txtCantidad.value.length == ""){
                    formulario.txtCantidad.focus();
                    alert("Ingrese una Cantidad");
                    return false;
                }
                if(formulario.txtCantidad.value <= 0){
                    formulario.txtCantidad.focus();
                    alert("Ingrese una Cantidad mayor a Cero");
                    return false;
                }
                if(formulario.txtCantidad.value == null){
                    formulario.txtCantidad.focus();
                    alert("Ingrese una Cantidad");
                    return false;
                }
                if(isNaN(formulario.txtCantidad.value) == true){
                    formulario.txtCantidad.focus();
                    alert("No esta permitido");
                    return false;
                }
                return true;
            }           
        </script>
    </head>
    <body>
        <%
            int idCat = Integer.parseInt(request.getParameter("idCat"));
            Vector<Productos> Lista = datProductos.ListaProductosActivosxCategoria(idCat);
            Categorias Nombre = datCategorias.BuscaNombreProducto(idCat);
        %>
        <table width="530" border="0" align="center" class="table">
            <tr>
                <td colspan="3" align="middle" height="50"><strong><h2>Listado de <% out.println(Nombre.getDescripcion());%></h2></strong></td>
            </tr>
            <tr align="center">
                <td colspan="3"  >&nbsp;</td>
            </tr>
            <tr>
                <%

                    int fila = 0;

                    for (int i = 0; i < Lista.size(); i++) {
                        HttpSession sesion = request.getSession();
                        if (fila == 0) {
                            out.println("<table align='center' cellpadding='10' class='FondoTabla'>");
                            out.println("<tr align='center' height='205' >");
                        }

                        fila++;

                        out.println("<td width='30%'  valign='top' algin='center' ><br/>");
                        out.println("<a class='A'  href='detalleProducto.jsp?idDet=" + Lista.get(i).getIdArticulo() + "'>");
                        out.println("" + Lista.get(i).getNombre() + "<br/><br/>");
                        out.println("<img src='/Imagenes/Producto/" + Lista.get(i).getImagen() + "'" + "width='100' height='100' alt='pic' border='0' target='contenedor'/>");

                        out.println("</a>");
                        out.println("<br/>");
                        out.println("<p class='Letra'>S/. " + Lista.get(i).getPrecio() + "</p>");

                        if (sesion.getAttribute("usuario") != null) {
                            out.println("Precio: " + Lista.get(i).getPrecio() + "<br/>");
                            out.println("<form name='frmCarrito' action='SAgregarCarritoCompra' method='POST' onsubmit='return ValidarCantidad(this);'>");
                            out.println("<input type='hidden' name='txtCodigo' value='" + Lista.get(i).getIdArticulo() + "'>");
                            out.println("<input type='text' name='txtCantidad'  value='1' style='width: 40px' />");
                            out.println("<input type='submit' name='btnComprar' value='Comprar' style='background-color: #FEAD1D' />");
                            out.println("</form>");
                        }

                        out.println("</td>");

                        if (fila == 3) {
                            fila = 0;
                            out.println("</tr>");
                            out.println("</table>");
                        }
                    }
                %>
            </tr>
        </table>
    </body>
</html>
